<!DOCTYPE html>
<html>
<head>
    <title>Issue 5786: Show array-like objects differently than actual arrays</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link href="../../_common/testcase.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<header>
    <h1><a href="http://code.google.com/p/fbug/issues/detail?id=5786">Issue 5786</a>:
        Show array-like objects differently than actual arrays</h1>
</header>
<div>
    <section id="content">
    <a class="a1">a1</a>
    <a class="a2">a2</a>
    <a class="a3">a3</a>
    </section>
    <section id="description">
        <h3>Steps to reproduce</h3>
        <ol>
            <li>Open Firebug, select the Console panel and enable it</li>
            <li>Execute the following expressions on the command line and check the results
            <br/><br/>
            </li>
            <li><code>$('a')</code> :=
            <code>Object[a detail?id=5786, a.a1, a.a2, a.a3]</code><br/><br/>
            </li>
            <li><code>document.getElementsByTagName('a')</code> :=
            <code>HTMLCollection[a detail?id=5786, a.a1, a.a2, a.a3]</code><br/><br/>
            </li>
            <li><code>document.querySelectorAll('a')</code> :=
            <code>NodeList[a detail?id=5786, a.a1, a.a2, a.a3]</code><br/><br/>
            </li>
            <li><code>[].slice.call(document.querySelectorAll('a'))</code> :=
            <code>[a detail?id=5786, a.a1, a.a2, a.a3]</code><br/><br/>
            </li>
        </ol>
    </section>
    <footer>
        Jan Odvarko &lt;odvarko@gmail.com&gt;
    </footer>
</div>
</body>
</html>
